/**ducument navlist css**/
/**公共部分**/
*{
    margin: 0px;
    padding:0px;
}
a{
    text-decoration: none;
}
ul li{
    list-style: none;
}



/****头部固定位置******/
#header_fixed{
    width: 100%px;
    height: 20px;
    background: #000;
}
/****头部区域开始*****/
#header{
    width: 100%;
    height: 100px;
    .header_content{
        width: 980px;
        height: 100px;
        margin: 0 auto;
        position: relative;
        .logo{
            width: 460px;
            height: 100px;
            position: absolute;
            left:100px;
            top:0px;
            img{
                width:460px;
                height:100px;
            }
        }
        .login{
            width:210px;
            height: 70px;
            position: absolute;
            right: 0px;
            top:0px;
            a{
                display: block;
                width:60px;
                height:70px;
                float: left;
                margin-left:10px;
                background: url(../images/icons.png) -5px -121px;
                text-align: center;
                font:400 12px/60px '微软雅黑';
                color:#000000;
                span{
                    display:block;
                    width:40px;
                    height: 40px;
                    margin: 10px auto;
                    background: url(../images/icons.png) -3px -2px;
                }
                &:hover span{
                    background: url(../images/icons.png) -126px -2px;
                }
            }
        }
        //已登录
       .logined{
           width:400px;
           height: 55px;
           position:absolute;
//         background: orange;
           top:20px;
           right:0px;
           a{
               display:block;
               float: right;
               padding-left:20px;
               font:400 16px/50px '微软雅黑';
               color:#333;
           }
           span{
               color:red;
           }
           .face{
               width:50px;
               height:50px;
               img{
                   width:100%;
                   height:100%;
                   border-radius:25px;
               }
           }
       }
    }
}

#nav{
    width:100%;
    height:54px;
    .nav_content{
        width:980px;
        height:54px;
        margin:0 auto;
        position:relative;
        a{
            display:block;
            font:700 16px/54px '微软雅黑';
            color:#000;
            float:left;
            padding:0px 5px;
            margin-right:30px;
        }
        .search{
            width:235px;
            height:30px;
            position:absolute;
            top:10px;
            right:100px;
            background:url(../images/ico.png) 0px -2144px;
            form{
               .text{
                   display:block;
                   position: absolute;
                   border: none;
                   top: 6px;
                   left: 10px;
                   width:170px;      
                }
                .sbt{
                    display:block;
                    position: absolute;
                    top:6px;
                    right:0px;
                    width:45px;
                    border:none;
                    background:url(../images/ico.png) 8px -2193px;
                } 
            }
            
        }
    }
    
}

/***********************个人设置区域*****************************************/
#container{
    width:980px;
    height: 800px;
    margin: 30px auto;
    .usersite{
        width:980px;
        h1{
            width: 980px;
            height:50px;
            font:400 21px/22px '微软雅黑';
            color:#666;
            background: url(../images/site_dot.png) repeat-x left bottom;
        }
        .site_cont{
            width:980px;
            span{
                font:400 14px/22px '微软雅黑';
                color:#666;
            }
            li{
                margin-top:30px;
            }
            .face{
                width:980px;
                height:90px;
                span{
                    display:block;
                    width:100px;
                    height: 90px;
                    line-height: 90px;
                    float:left;
                }
                img{
                    width:100px;
                    height: 90px;
                    border-radius:15px;
                    float:left;
                }
                .d_face{
                    margin-top:40px;
                    margin-left:30px;
                    width:60px;
                    height: 20px;
                    float:left;
//                  overflow:hidden;
                    position:relative;
                    font:400 14px/14px '微软雅黑';
                    color:#4577BB;
                }
                .i_face{
                    display:block;
                    background: red;
//                  width:100px;
//                  height: 40px;
                    position: absolute;
                    top:0px;
                    left:0px;
                    opacity:0;
                    filter:alpha(opacity=0); 
                    cursor: pointer;   
                    color:#4577BB;
                }
            }
            .userid{
                width: 980px;
                span{
                    display:block;
                    float:left;
                    height: 30px;
                }
                .u{
                    width:980px;
                    height:30px;
                }
                .u_s1{
                    width:100px;
                }
                .u_s2{
                    width:200px;
                }
                .u_s3{
                    color:#4577BB;
                    cursor: pointer;
                }
                .alter{
                    margin-top:20px;
                    width:980px;
                    height:0px;
                    overflow: hidden;
                    .al_cont{
                        margin-left:100px;
                        width:390px;
                        height: 210px;
                        background: #F7F7F7;
                        padding:30px;
                        span,input{
                            display:inline-block;
                            width:80px;
                            height: 35px;
                            float:left;
                            font:400 12px/35px '微软雅黑';
                            
                        }
                        span{
                            text-align: right;
                        }
                        p,input{
                            width:230px;
                            margin-left:25px;
                            border:1px solid #E6E7E8;
                            font-size:16px;
                            text-indent:10px;
                            &:hover{
                                border:1px solid #000000;
                            }
                        }
                        .old,.new,.confirm,.submit{
                            width:390px;
                            height:40px; 
                            margin-bottom: 20px;  
                        }
                        .submit{
                            .sbt,.rst{
                                width:56px;
                                height: 24px;
                                text-align: center;
                                line-height: 24px;
                                color:#FFF;
                                border-radius:5px;
                                float:right;
                                border:none;
                                font-size:12px;
                                text-indent:0px;
                                cursor:pointer;
                            }
                            .sbt{
                                background:#92CCDD;
                            }
                            .rst{
                                background: #000000;
                                margin-right:120px;
                            }
                        }
                    }
                }
            }
            .nick,.intro{
                width:980px;
                height: 35px;
                span{
                    display:block;
                    float:left;
                    width:100px;
                    height:35px;
                    line-height: 35px;
                }
                input{
                     width:200px;
                     height: 35px;
                     border:1px solid #E6E7E8;
                     text-indent: 10px;
                }
            }
            .intro{
                input{
                    width:700px;
                } 
            }
            .sub{
                width:980px;
                height: 35px;
                input{
                    width:100px;
                    height:35px;
                    border:1px solid #E6E7E8;
                    float:left;
                    margin-left:100px;
                    font:400 16px/30px '微软雅黑';
                    border-radius:5px;
                    background:#92CCDD;
                    color:#F7F7F7;
                    cursor: pointer;
                }
                .res{
                    background:#000000;
                }
            }
        }   
    }
}



/*****************************************网站底部*******************************/

#footer{
    width:100%;
    height:255px;
    background:#000000;
    .foot_wrap{
        width: 980px;
        height:255px;
        margin:0 auto;
        .say{
            width:675px;
            height:115px;
            float:left;
            .p1{
                font:400 18px/80px '微软雅黑';
                color:#FFF;
            }
            .p2{
                font:400 16px/50px '微软雅黑';
                color:#FFF;
                text-align:right;
            }
        }
        .foot-logo{
            width:220px;
            height:200px;
            float:left;
        }
        p.infor{
            float:left;
            width:980px;
            height:30px;
            border-bottom:1px solid #666;
            margin-top:30px;
            font:400 12px/22px '微软雅黑';
//          text-align:center;
            color:#666;
            a{
                color:#666;
            }
        }
        p.link{
            float:left;
            font:400 12px/22px '微软雅黑'; 
            color:#666;
        }
    }
}



/***
 * 网站底部end
 */

